// 移入a标签变红
// console.log($('a[class!=red][class!=em]'));
$('a[class!=red]').on('mouseover', function () {
    $(this).css({
        'color': 'red'
    })
})
// 移出a标签变回原来
$('a[class!=red][class!=em]').on('mouseout', function () {
    $(this).css({
        'color': ''
    })
})
// 二级导航消失隐藏部分
$('.menu_sidebar').find('li').mousemove(function () {
    $(this).css({
        'background-color': '#000'
    })
    var index = $(this).index();
    $('.menu_bottom').find('.navigation-coment').eq(index).css({
        'display': 'block'
    })
})
$('.menu_sidebar').find('li').mouseout(function () {
    $(this).css({
        'background-color': ''
    })
    var index = $(this).index();
    $('.menu_bottom').find('.navigation-coment').eq(index).css({
        'display': 'none'
    })
})
// 点击输入框让placeholde的参数消失
// focus获取焦点
$('.formtop input').on('focus', function () {
    $(this).attr('placeholder', '')
})
// blur失去焦点
// console.log($('.formtop input'));
$('.formtop input').on('blur', function () {
    if ($(this).val() == 0) {
        $(this).attr('placeholder', '内衣')
    }
})
// 跳楼事件
$('.English').children('a').on('mousemove', function (e) {
    var index1 = $(this).index();
    var index2 = $('.county-ul li').eq(index1).offset().top;
    $('.county-coment,.leftspan-dh  ').stop().animate({
        scrollTop: index2,
    })

    // })

})


// 显示隐藏事件.
function mouseoverDate(me, em) {
    $(me).mousemove(function () {
        $(this).find(em).css({
            'display': 'block'

        })
        // console.log(11);
        // console.log($(this).find(em));

    })

}

function mouseoutDate(re, er) {
    $(re).mouseout(function () {
        $(this).find(er).css({
            'display': 'none'
        })
    })
}
mouseoverDate('.spanpadding', '.leftspan-dh');
mouseoutDate('.spanpadding', '.leftspan-dh');

$('.vfp').mousemove(function () {
    $(this).find('.vfpdiv').css({
        'display': 'block'
    })
    // console.log($(this).parent('.vfp').find('.vfpdiv'));
})
$('.vfp').mouseout(function () {
    $(this).find('.vfpdiv').css({
        'display': 'none'
    })
})




$('.cartcontent').mouseover(function () {
    if ($('.dorpdown-layer .buygood ul').children('li').length > 0) {
        $(this).parents('.cart').find('.dorpdown-layer').css({
            'display': 'block'
        })
        $('.conceal').css({
            'display': 'block'
        })
        $('.dorpdown-layerpodding').css('display', 'none');
    } else {
        $(this).parents('.cart').find('.dorpdown-layer').css({
            'display': 'block'
        })
        $('.conceal').css({
            'display': 'block'
        })
        $('.buygood').css('display', 'none');
    }
})
$('.cartcontent').mouseout(function () {
    $(this).parents('.cart').find('.dorpdown-layer').css({
        'display': 'none'
    })
    $('.conceal').css({
        'display': 'none'
    })
})

$('.hposition').children('ul').children('li').mousemove(function () {
    $(this).css({
        'background-color': 'red',

    })

})
$('.hposition').children('ul').children('li').mouseout(function () {
    $(this).css({
        'background-color': '',

    })

})

// 获取本地存储数据
var carData = localStorage.getItem('shopping').split('&');
carData.pop();
for (var i = 0; i < carData.length; i++) {
    carData[i] = JSON.parse(carData[i]);
}

//侧边购物篮渲染
function showsidecar(obj) {
    var carlist = '';
    for (var i = 0; i < obj.length; i++) {
        carlist += `
    <li>
        <div class="cart_item_pic">
            <a href="goods-info.html?${obj[i].goods_id}">
                <img src="${obj[i].goods_img[0]}" alt="">
            </a>
        </div>
        <div class="cart_item_desc">
            <a href="" class="cart_item_name">${obj[i].title}</a>
        </div>
        <div class="lie">
            <div class="cart_item_price">
                <span class="cart_price">${obj[i].shop_price}</span>
            </div>
        </div>
        <div class="delete_cart">
            <a href="#">删除</a>
        </div>
        <div class="p-number">
            <a href="#" class="count-remove">
                <span class="iconfont icon-jian" style="font-size: 14px;"></span>
            </a>
            <span class="car-goods-num">1</span>
            <a href="#" class="count-add">
                <span class="iconfont icon-jia" style="font-size: 14px;"></span>
            </a>
        </div>
    </li>`
    }
    $('.sidebar-carshop ul').html(carlist)

    //侧边购物车商品事件
    $('.sidebar-carshop ul li').mouseover(function () {
        $(this).find('.delete_cart').css('display', 'block')
    })
    $('.sidebar-carshop ul li').mouseleave(function () {
        $(this).find('.delete_cart').css('display', 'none')
    })
    //侧边购物篮删除
    $('.delete_cart').click(function () {
        // console.log($('.sidebar-carshop ul').children());
        if ($('.sidebar-carshop ul').children().length <= 1) {
            $('.content-area-top').css('display', 'block')
        }
        var index = $(this).index('.delete_cart');
        carData.splice(index, 1)
        var lastData = '';
        for (var i = 0; i < carData.length; i++) {
            lastData += JSON.stringify(carData[i]);
            lastData += '&'
        }
        localStorage.setItem('shopping', lastData)
        $(this).parents('li').remove();
        showsidecar(carData);
        carShow(carData);
        sidecarsum()
        connect1()

    })
    //侧边购物车加减事件

    $('.count-add').click(function () {
        var num = Number($(this).prev().text())
        num++
        $(this).prev().text(num)
        sidecarsum()
        connect1()
    })
    $('.count-remove').click(function () {
        var num = Number($(this).next().text())
        if (num > 1) {
            num--
            $(this).next().text(num)
        }
        sidecarsum()
        connect1()
    })
}
showsidecar(carData);

$('.HONG').on('click', function () {
    if (localStorage.getItem('shopping')) {
        var arr = localStorage.getItem('shopping');
    } else {
        var arr = '';
    }
    var oname = $('.name').text();
    var obj
    showData.main.forEach(function (value) {
        if (oname == value.title) {
            obj = value
        }
    })
    arr += JSON.stringify(obj)
    arr += '&'
    localStorage.setItem('shopping', arr);
    // 获取本地存储数据
    var carData = localStorage.getItem('shopping').split('&');
    carData.pop();
    for (var i = 0; i < carData.length; i++) {
        carData[i] = JSON.parse(carData[i]);
    }
    carShow(carData);
    showsidecar(carData);
    goodsnum()
    sidecarsum()
})
$('.shop-btn-right').click(function () {
    if (localStorage.getItem('shopping')) {
        var arr = localStorage.getItem('shopping');
    } else {
        var arr = '';
    }
    var oname = $('.name').text();
    var obj
    showData.main.forEach(function (value) {
        if (oname == value.title) {
            obj = value
        }
    })
    arr += JSON.stringify(obj)
    arr += '&'
    localStorage.setItem('shopping', arr);
    // 获取本地存储数据
    var carData = localStorage.getItem('shopping').split('&');
    carData.pop();
    for (var i = 0; i < carData.length; i++) {
        carData[i] = JSON.parse(carData[i]);
    }
    carShow(carData);
    showsidecar(carData);
    goodsnum()
    sidecarsum()
})


//公共样式购物车渲染
function carShow(obj) {
    var carlist = '';
    for (var i = 0; i < obj.length; i++) {
        carlist += `
    <li>
        <div class="p-img">
            <a href="goods-info.html?${obj[i].goods_id}">
                <img src="${obj[i].goods_img[0]}" alt="">
            </a>
        </div>
        <div class="p-name">
            <a href="goods-info.html">${obj[i].title}</a>
        </div>
        <div class="p-number">
            <span class="num">1</span>
            <div class="count">
                <span class="iconfont icon-xiangshang addbtn"></span>
                <div class="pri" style="display: none;">${obj[i].shop_price}</div>
                <span class="iconfont icon-xiangxia subtr"></span>
            </div>
        </div>
        <div class="p-oper">
            <div class="price">${obj[i].shop_price}</div>
            <span class="del">删除</span>
        </div>
        </li>`
    }
    $('.buygood ul').html(carlist);
    //公共样式购物车删除
    $('.del').click(function () {
        var index = $(this).index('.del');
        carData.splice(index, 1)
        var lastData = '';
        for (var i = 0; i < carData.length; i++) {
            lastData += JSON.stringify(carData[i]);
            lastData += '&'
        }
        if ($('.sidebar-carshop ul').children().length <= 1) {
            $('.content-area-top').css('display', 'block')
        }
        localStorage.setItem('shopping', lastData)
        // $(this).parents('li').remove()
        showsidecar(carData);
        carShow(carData);
        goodsnum()
        sidecarsum()
        connect2()
        if ($('.dorpdown-layer .buygood ul').children('li').length > 0) {
            return
        } else {
            $(this).parents('.cart').find('.dorpdown-layer').css({
                'display': 'block'
            })
            $('.conceal').css({
                'display': 'block'
            })
            $('.buygood').css('display', 'none');
            $('.dorpdown-layerpodding').css('display', 'block');
        }
    })
}
carShow(carData);


$('.addbtn').click(function () {
    var goodnum = Number($(this).parent().prev().text())
    goodnum++
    $(this).parent().prev().text(goodnum)
    var goodpri = Number($(this).next().text())
    $(this).parents('.p-number').next().find('.price').text(goodpri * goodnum + '.00')
    goodsnum()
    sidecarsum()
    connect2()
})
$('.subtr').click(function () {
    var goodnum = Number($(this).parent().prev().text())
    if (goodnum > 1) {
        goodnum--
        $(this).parent().prev().text(goodnum)
        var goodpri = Number($(this).prev().text())
        $(this).parents('.p-number').next().find('.price').text(goodpri * goodnum + '.00')
        goodsnum()
        sidecarsum()
        connect2()
    }
})


function goodsnum() {
    var goodsnumsum = 0;
    var allprice = 0;
    $('.num').each(function (index, value) {
        goodsnumsum += Number($(this).text())
    })
    $('.price').each(function (index, value) {
        allprice += Number($(this).text())
    })
    $('.total').text(goodsnumsum)
    $('.allgoodsnum').text(goodsnumsum)
    $('.total-price').text(allprice + '.00')
}
goodsnum()


// 侧边购物车合计
function sidecarsum() {
    var goodsnum = 0;
    var goodsprisum = 0;
    $('.car-goods-num').each(function (index, value) {
        goodsnum += Number($(this).text())
    })
    $('.cart_price').each(function (index, value) {
        goodsprisum += Number($(this).text() * ($('.car-goods-num')[index].innerText))
    })
    $('#goodssum').text(goodsnum)
    $('.number').text(goodsnum)
    $('#allgoodspri').text('￥' + goodsprisum + '.00')
}
sidecarsum()







$('.big a').mousemove(function () {
    $('.number').css({
        'background-color': 'white',
        'color': 'red'

    })

})
$('.big a').mouseout(function () {
    $('.number').css({
        'background-color': '',
        'color': 'white'

    })

})
// console.log($('.ddan').children('a'))
$('.ddan').children('a').mousemove(function () {
    $(this).css({
        'background-color': 'white',
        'color': '#333'
    })
})
$('.ddan').children('a').mouseout(function () {
    $(this).css({
        'background-color': '',
        'color': ''
    })
})
$('.hposition').find('li').eq(0).mousemove(function () {
    $(this).children('.time-1').css({
        'display': 'block'
    })
})
$('.hposition').find('li').eq(0).mouseout(function () {
    $(this).children('.time-1').css({
        'display': 'none'
    })
})
// 右边的定位设置
var sun = 1;
$('.big').click(function (e) {
    sun++;
    if (sun % 2 == 0) {
        $(this).addClass('mered')
        $('.rightsidebar').stop().animate({
            'right': 0,
        })
    } else {
        $('.rightsidebar').stop().animate({
            'right': -280,
        })
        $(this).removeClass('mered')
    }
    e.stopPropagation();
})
//侧边购物车显示
$('.big').click(function () {
    if ($('.sidebar-carshop ul').children().length > 0) {
        $('.content-area-top').css('display', 'none')
    }
})

$('.a-img').click(function () {
    $('.rightsidebar').stop().animate({
        'right': -280,
    })
    $('.big').removeClass('mered')
})
$('.icon-chahao').on('click', function () {
    $(this).parent('.bannera').css({
        'display': 'none'
    })
    $(this).parents('.banner').css({
        'display': 'none'
    })
})

$('.footerone a').mousemove(function () {
    $(this).css({
        'color': 'white'
    })
})


// var off = $('.menu_sidebar').offset().top;
// console.log(off);
// $(window).scroll(function () {
//     if ($(document).scrollTop() >= off) {
//         $('.back-to-top').fadeIn()
//     } else {
//         $('.back-to-top').fadeOut()

//     }
// })
$('.back-to-top').click(function () {
    $('body,html').stop().animate({
        scrollTop: 0,
    })
})
$('.remove').click(function () {
    $('.dl').css({
        'display': 'none'
    })
    $('.diamonds').css({
        'display': 'none'
    })
})
// console.log(
//     $('.hposition').children('ul').children('li').not('.big').not('.back-to-top')
// );

$('.hposition').children('ul').children('li').not('.big,last-child').not('.back-to-top').click(function () {
    $('.dl').css({
        'display': 'block'
    })
    $('.diamonds').css({
        'display': 'block'
    })
})



$('.bass').click(function () {
    var me = $(this).prev();
    if (me.prop('checked')) {
        $(this).removeClass('bal-img')
    } else {
        $(this).addClass('bal-img')
    }
    //关闭顶部广告
    $('.icon-chahao').click(function () {
        $('.banner').css('display', 'none')
    })
})


$('.categorysleft').hover(function () {
    $('.menu_bottom').css('display', 'block');
}, function () {
    $('.menu_bottom').css('display', 'none');
})


function connect1() {
    $('.allgoodsnum').text($('.number').text())
    $('.total').text($('.number').text())
    var str = $('#allgoodspri').text()
    var str1 = str.slice(1)
    $('.total-price').text(str1)
    $('.car-goods-num').each(function (index, value) {
        $($('.num')[index]).text($(this).text())
    })
}
function connect2() {
    $('.number').text($('.allgoodsnum').text())
    $('#goodssum').text($('.allgoodsnum').text())
    $('.num').each(function (index, value) {
        $($('.car-goods-num')[index]).text($(this).text())
    })
    $('#allgoodspri').text('￥' + $('.total-price').text())
}
